<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table,
        tr,
        td {
            border: 1px solid;
            border-spacing: 0px;
            margin-left: 100px;
        }
    </style>
</head>

<body>
    <form action="">
        <table>
            <tr>
                <input type="text" placeholder="请查找要过滤的关键字">
                <input type="button" value="查找" onclick="btnFind()">
                <input type="button" value="增加" onclick="btnAdd()">
            </tr>
            <tr>
                <td>学号</td>
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
                <td>操作</td>
            </tr>
            <tr>
                <td>1</td>
                <td>锖青磁</td>
                <td>男</td>
                <td>29</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>绝美杀意</td>
                <td>男</td>
                <td>28</td>
                <td>
                    <input type="button" value="编辑">
                    <input type="button" value="删除">
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>声声慢</td>
                <td>女</td>
                <td>22</td>
                <td>
                    <input type="button" value="编辑">
                    <input type="button" value="删除">
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>风雅颂</td>
                <td>男</td>
                <td>26</td>
                <td>
                    <input type="button" value="编辑">
                    <input type="button" value="删除">
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>王可</td>
                <td>男</td>
                <td>25</td>
                <td>
                    <input type="button" value="编辑">
                    <input type="button" value="删除">
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td>斐少</td>
                <td>男</td>
                <td>25</td>
                <td>
                    <input type="button" value="编辑">
                    <input type="button" value="删除">
                </td>
            </tr>
        </table>
    </form>
    <script src="./jquery-3.7.1.min (1).js"></script>
    <script src="./base.js"></script>
</body>

</html>